<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普马桶</title>
    <link rel="stylesheet" href="../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn" href="../index.html" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">个人中心</div>
</header>
<section id="app">
    <div class="aui-media-list-item-inner aui-padded-t-10 aui-padded-b-5">
        <div class="aui-list-item-media aui-margin-l-15" style="width: 3rem;">
            <img src="../images/1.png" class="aui-img-round">
        </div>
        <div class="aui-list-item-inner aui-list-item-arrow aui-margin-l-15">
            <div class="aui-flex-col">
                <div class="aui-flex-item-9 aui-font-size-14">wanzheng</div>
                <div class="aui-flex-item-3 ">男</div>
            </div>
            <div class="aui-list-item-text">
                电话:13200000000
            </div>
        </div>
    </div>
    <div  class="aui-grid aui-margin-b-15">
    <div class="aui-row">
        <div class="aui-col-xs-3" @click="goAccount()">
            <div class="aui-badge">88</div>
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-grid-label">我的账户</div>
        </div>
        <div class="aui-col-xs-3" @click="goIndent()">
            <i class="aui-iconfont aui-icon-gear"></i>
            <div class="aui-grid-label">我的订单</div>
        </div>
        <div class="aui-col-xs-3" @click="goCollect()">
            <i class="aui-iconfont aui-icon-map"></i>
            <div class="aui-grid-label">我的收藏</div>
        </div>
        <div class="aui-col-xs-3" @click="goWuliu()">
            <i class="aui-iconfont aui-icon-map"></i>
            <div class="aui-grid-label">查看物流</div>
        </div>
        <div class="aui-col-xs-3" @click=" goAddress()">
            <i class="aui-iconfont aui-icon-calendar"></i>
            <div class="aui-grid-label">收货地址</div>
        </div>
        <div class="aui-col-xs-3" @click=" goAbout()">
            <div class="aui-badge"></div>
            <i class="aui-iconfont aui-icon-date"></i>
            <div class="aui-grid-label">关于小普</div>
        </div>
    </div>
    </div>
</section>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/api.js"></script>
<script type="text/javascript" src="../js/aui-tab.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/my_center.js"></script>
<script type="text/javascript">
    var vltHome = new Vue({
        el:'#app',
        data:{},
        methods:{
            goAccount:function(){//我的账户
                window.location.href = "./my_center_detail/my_data/my_data.html";
            },
            goIndent:function(){//我的订单
                window.location.href="./my_center_detail/indent.html";
            },
            goCollect:function(){//我的收藏
                window.location.href="./my_center_detail/collect.html";
            },
            goWuliu:function(){//查看物流
                window.location.href="./my_center_detail/wuliu.html";
            },
            goAddress:function(){//收货地址
                window.location.href="./my_center_detail/my_address.html";
            },
            goAbout:function(){//关于小普
                window.location.href="./my_center_detail/about.html";
            }
        }
    });
    var tab = new auiTab({
        element:document.getElementById("footer")
    },function(ret){
//	    	console.log(ret);
        if(ret){
//	            document.getElementById("demo").textContent = ret.index;
//	            if(ret.index == 2){
//	            	 window.location.href = "/vlth5/view/progress_check.html";
//	            }else if(ret.index == 3){
//	            	 window.location.href = "/vlth5/view/vlt_org.html";
//	            }
        }
    });

    var topDiv = new auiTab({
        element:document.getElementById("topDiv")
    },function(ret){
//	    	console.log(ret);
    });
</script>
</body>
</html>